<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>达利琪物流云平台</title>
<jsp:include page="${pageContext.request.contextPath}/common.jsp" />
<%-- <jsp:include page="${pageContext.request.contextPath}/common.jsp" /> --%>
 </head>
 <body style="overflow: hidden;">
 <ul class="page-breadcrumb breadcrumb">
	<li>
		<a href="#">运输管理</a><i class="fa fa-circle"></i>
	</li>
	<li class="active">
		 列表
	</li>
</ul>
<div class="row">
	<div class="col-md-12">
		<div class="portlet light">
			<div class="portlet-body">
				<div class="table-toolbar">
					<div class="row">
					</div>
				</div>
				
				<div class="row">
					<div class="col-md-12">
						<form class="form-inline">
							<div class="form-group">
								<label for="">客户单号：</label>
								<input type="num" class="form-control" id="" placeholder="">
							</div>
							<div class="form-group">
								<label for="">收货人：</label>
								<input type="text" class="form-control" id="" placeholder="">
							</div>
							<button class="btn green" type="submit">查询 <i class="fa fa-search"></i></button>
						</form>
					</div>
				</div>	
				<br>
				
				<table class="table table-bordered table-hover" id="orderTable">
					<thead>
					<tr>
						<th width="30" class='text-center'>
							 #
						</th>
						<th width="200">
							订单编号
						</th>
						<th width="200">
							 客户单号
						</th>
						<th width="100">
						      收货人
						</th>
						<th width="100">
						      起运时间
						</th>
						<th width="100">
							 费用
						</th>
						<th width="380" >
							操作
						</th>
					</tr>
					</thead>
					<tr>
					   <td>1</td>
					    <td><a href="javascript:void(0);">SO20160510</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td>
					       <a href="#">处理</a>&nbsp;
					    </td>
					</tr>
					<tr>
					   <td>2</td>
					     <td><a href="javascript:void(0);">SO20160511</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td>
					        <a href="#">处理</a>&nbsp;
					    </td>
					</tr>
					<tr>
					   <td>3</td>
					    <td><a href="javascript:void(0);">SO20160510</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td>
					       <a href="#">处理</a>&nbsp;
					    </td>
					</tr>
					<tr>
					   <td>4</td>
					     <td><a href="javascript:void(0);">SO20160511</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td>
					       <a href="#">处理</a>&nbsp;
					    </td>
					</tr>
					<tr>
					   <td>5</td>
					    <td><a href="javascript:void(0);">SO20160510</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td>
					       <a href="#">处理</a>&nbsp;
					    </td>
					</tr>
					<tr>
					   <td>6</td>
					     <td><a href="javascript:void(0);">SO20160511</a></td>
					    <td>CU20160510</td>
					    <td>张三</td>
					    <td>2016-05-12</td>
					    <td>345</td>
					    <td>
					       <a href="#">处理</a>&nbsp;
					    </td>
					</tr>
				</table>
				 <div id="kkpager"  style="width: 100%; margin: 0px auto;"></div>
			</div> 
		</div>
	</div>
</div>
    <script type="text/javascript">
         	refashPage(1, 1, 6);
    </script>
</body>
</html>